<template>
    <div class="equipment">
        <div class="equipment_title  animate__animated animate__fadeInUp animate__delay-0.5s">
            <slot name="title1"></slot>
        </div>
        <div class="equipment_content">
            <div class="equipment_content_list animate__animated animate__fadeInUp animate__delay-0.5s">
                <slot name="s"></slot>
                
            </div>
            <br/>
                <slot name="a"></slot>
                <slot name="b"></slot>
                <slot name="c"></slot>
                <slot name="d"></slot>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return{
            list:[
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvMTAyMTA5YTkyYmZmZmU4NjNkOTRmOTBkZjBkOWE4OTctMjY1eDI2NS05MC53ZWJw.webp',t:'Kevin Carter',c:'在企业级产品技术研发具有十多年的经验,曾开发多款百万级企业产品',occupation:'技术工程师'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvZjlmMTExNTZlMzE3YzYyNzczYjIyYWRjOGZkY2E2NTktMjY1eDI2NS05MC53ZWJw.webp',t:'Kevin Carter',c:'在企业级产品技术研发具有十多年的经验,曾开发多款百万级企业产品',occupation:'技术工程师'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvYTIxY2VjYjlhODcxNGQ1NTk2N2ZiYTA2ZGIwYTNkNmEtMjY1eDI2NS05MC53ZWJw.webp',t:'Kevin Carter',c:'在企业级产品技术研发具有十多年的经验,曾开发多款百万级企业产品',occupation:'技术工程师'},
                {i:'https://ccdn.goodq.top/caches/50e30cb4a329dcd0a402456b4dd0fd85/aHR0cHM6Ly81OWE3YzQ5MjdhNGM3LnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTcvMDkvYjE2YWRhZDEzYjI3NzczYjViZTZmMjU3ZDA2MDNjMWMtMjY1eDI2NS05MC53ZWJw.webp',t:'Kevin Carter',c:'在企业级产品技术研发具有十多年的经验,曾开发多款百万级企业产品',occupation:'工程师'}
            ],
          
        }
    },
}
</script>
<style>
.equipment{
    width: 100%;
    padding-top: 150px;
}
.equipment_title{
    width: 40%;
    padding: 10px;
    margin: 0 auto;
}
.equipment_title>h3{
    font-size: 38px;
    font-weight: normal;
    text-align: center;
}
.equipment_title>span{
    font-size: 14px;
    text-align: center;
    line-height: 28px;
    display: block;
}
.equipment_content{
    width: 100%;
}
.equipment_content_list{
    width: 500px;
    height: 40px;
    margin: 0 auto;
    display: flex;
}
.equipment_content_list>div{
    width: 100px;
    height: 30px;
    font-size: 18px;
    display: inline-block;
    flex: 1;
    text-align: center;
    line-height: 40px;
    margin-left: 20px;
}
.actives{
    background: #CF372D;
    color: #fff;
}
.equipment_content_list>div:hover{
    background: #CF372D;
    color: #fff;
}
.equipment_content_c{
    width: 70%;
    margin: 0 auto;
}
.equipment_content_c_list{
    width: 30%;
    height: 260px;
    display: inline-block;
    margin-left: 1%;
    margin-bottom: 20px;
}
.equipment_content_c_list_img{
    width: 100%;
    padding: 0;
}
.equipment_content_c_list_img>img{
    width: 100%;
    height: 200px;
}
.equipment_content_c_list>a>h3{
    text-align: center;
    color: #000;
    padding: 0;
}
.equipment_content_c_list>a>span{
    text-align: center;
    display: block;
    color: #ccc;
}
.Journalism{
    width: 100%;
}
.Journalism_list1{
    width: 60%;
    margin: 0 auto;
}
.Journalism_list12{
    width: 100%;
    height: 239px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding-top: 30px;
    box-sizing: border-box;
}
.Journalism_list12:hover>.Journalism_list12_right{
    padding-left: 30px;
}
.Journalism_list12_img{
    width: 30%;
    height: 100%;
    float: left;
    padding-top: 36px;
    box-sizing: border-box;
}
.Journalism_list12_img>img{
    height: 80%;
    margin-left: 10%;
}
.Journalism_list12_right{
    width: 70%;
    height: 100%;
    float: right;
    padding-top: 30px;
    transition: all 1s;
    box-sizing: border-box;
}
.Journalism_list12_right>h3{
    font-size: 16px;
    font-weight: normal;
    color: #000;
}
.Journalism_list12_right>span{
    font-size: 12px;
    color: #ccc;
    line-height: 30px;
}
.Journalism_list12_right>p{
    font-size: 12px;
    color: #ccc;
}
.Journalism_list12_right>p>span{
    display: block;
}
.core{
    width: 70%;
    margin: 0 auto;
}
.core_1{
    width: 48%;
    height: 280px;
    margin: 0 1%;
    display: inline-block;
    transition: all 1s;
    margin-bottom: 30px;
}
.core_1:hover>.core_list>.core_list_hou{
    color: #CF372D;
    width: 85%;
    left: 15%;
}
.core_list{
    width: 100%;
    height: 280px;
    position: relative;
    margin-bottom: 0;
}
.core_list_hou{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 1s;
    padding-top: 100px;
    box-sizing: border-box;
    z-index: 1  !important;
    margin-bottom: 0;
}
.core_list_hou_left{
    width: 40%;
    height: 1px;
    background: #ccc;
    float: left;
    transition: all .1s;
}
.core_list_hou_right{
    width: 60%;
    font-size: 12px;
    color: #ccc;
    height: 150px;
    float: right;
    padding-left: 40px;
    padding-right:40px;
    box-sizing: border-box;
}
.core_list_hou_right{
    height: 100%;
}
.core_list_qian{
    width: 40%;
    height: 100%;
    z-index: 9999 ;
    position: absolute;
    left: 0;
    top: 0;
    margin-bottom: 0;
}
.core_list_qian_img{
    width: 100%;
    height: 180px;
    margin-bottom: 0;
}
.core_list_qian_img>img{
    width: 100%;
    height: 180px;
    margin-bottom: 0;
}
.core_list_qian>span{
    display: block;
}
.core_list_qian_b{
    width: 100%;
    height: 100px;
    background: rgba(0,0,0,0.03);
    padding-top: 30px;
    box-sizing: border-box;
    padding-left: 20%;
}
.core_list_qian_b>span{
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #000;
}
.core_list_qian_b>span:nth-of-type(2){
    font-size: 12px;
    color: #ccc;
}
.introduce{
    width: 60%;
    height: 600px;
    margin: 0 auto;
}
.introduce_left{
    width: 30%;
    height: 100%;
    float: left;
}
.introduce_left_img{
    width: 100%;
    height: 210px;
    padding: 5% 10px;
    position: relative;
}
.introduce_left_img>img{
    width: 90%;
    height: 210px;
    position: absolute;
    left: 10px;
    top: 5%;
}
.introduce_left_r{
    width: 270px;
    height: 110px;
    background: #CF372D;
    z-index: -1;
    position: fixed;
    right: -10px;
    top: 110px;
}
.introduce_right{
    width: 70%;
    height: 100%;
    float: right;
    padding-top: 20px;
    padding-left: 50px;
    box-sizing: border-box;
}
.introduce_right_content{
    width: 100%;
    margin-bottom: 50px;
}
.introduce_right_content>span{
    font-size: 12px;
    color: #000;
    padding-right: 200px;
    display: block;
    line-height: 30px;
}
.introduce_right_content1{
    width: 600px;
    height: 280px;
}
.introduce_right_content1>span{
    width: 100px;
    height: 40px;
    display: inline-block;
    padding: 5% 10px;
    box-sizing: border-box;
}
.introduce_right_content1>span>img{
    width: 90%;
    height: 50px;
}
</style>